<!--用户管理-->
<template>
	<div style="margin: 20px ;">
		<div class="flex_row_wrap">
			<div class="mg_h1 mg_b1">
				<div>站点LOGO ：</div>
				<div class="website-cfg-div">
					<ex_super_upload
						v-model="formValue.logo"
						onlySingle
						onlyUrl
						:headers="{ targetFolder: '_public_' }"
					/>
				</div>
			</div>
			<div class="mg_h1 mg_b1">
				<div>Banner ：</div>
				<div class="website-cfg-div">
					<ex_super_upload
						v-model="formValue.banner"
						onlySingle
						onlyUrl
						:headers="{ targetFolder: '_public_' }"
					/>
				</div>
			</div>

			<div style="width: 400px; " class="mg_h1 mg_b1 flex_col">
				<div>站点标题 ：</div>
				<div class="mg_v1">
					<el-input v-model="formValue.title" style="width: 100%;"></el-input>
				</div>

				<!-- 多机房 -->
				<template v-if="formValue.roomDomains && formValue.roomDomains.length > 0">
					<template v-for="(item, index) in formValue.roomDomains">
						<div style="">{{ item.roomName }}访问地址 ：</div>
						<div class="mg_v1">
							<el-input
								v-model="item.domain"
								style="width: 100%;"
								placeholder="以 http/https开头"
							></el-input>
						</div>
					</template>
				</template>
				<!-- 单机房 -->
				<template v-else>
					<div>域名 ：</div>
					<div class="mg_v1">
						<el-input v-model="formValue.domain" style="width: 100%;"></el-input>
					</div>
				</template>

				<template v-if="showMixed">
					<div>菜单混合模式（将oms、tms、wms菜单展示在一个页面上）</div>
					<div class="mg_v1">
						<el-radio-group v-model="formValue.isMix">
							<el-radio :label="true">开启</el-radio>
							<el-radio :label="false">关闭</el-radio>
						</el-radio-group>
					</div>
				</template>
			</div>
		</div>
	</div>
</template>

<script>
export default {
	components: {},

	data() {
		return {
			imageUrl: '',
			bannerUrl: ''
		}
	},

	created() {
		if (this.value) {
			for (let kk in this.value) {
				this.formValue[kk] = this.value[kk]
			}
		}
	},

	props: {
		formValue: {
			type: Object,
			default: () => {}
		},

		showDomainMap: {
			type: Boolean,
			default: false
		},

		showMixed: {
			type: Boolean,
			default: false
		}
	}
}
</script>

<style></style>
